<template>
  <view :class="['wrapperxx']">
    <view class="notice-wrapper">
      <!-- <uv-row-notice 
        bgColor="transparent"
        :text="text" 
        fontSize="24rpx"
        color="#333"
      >
        <template  v-slot:icon>
          <view class="iconxx">
            <image
              src="/static/caigou/voice.png"
            />
            <view class="line"></view>
          </view>
        </template>
      </uv-row-notice> -->


      <u-notice-bar mode="horizontal" :list="[text]" border-radius="40">
        <!-- <template  v-slot:icon>
          <view class="iconxx">
            <image
              src="/static/caigou/voice.png"
            />
            <view class="line"></view>
          </view>
        </template> -->
      </u-notice-bar>
    </view>
</view>

</template>

<script>
  export default {
    props: {
      text: {
        type: String,
        default: ''
      },
    
    },
    data(){
      return {
      }
    }
  }
</script>


<style scoped lang="scss">
  .wrapperxx {
    position: relative;
    padding: 16rpx 24rpx;
    border-radius: 23rpx;
    background: #FFF;
    position: relative;
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
   
  }
  .notice-wrapper {
    background: #EBF8FF;
    border-radius: 40rpx;
  }
  ::v-deep .u-notice-bar {
    padding: 10rpx 18rpx !important;
  }
    // 采购样式
  .iconxx {
    padding-left: 24rpx;
    padding-top: 10rpx;
    padding-bottom: 10rpx;
    display: flex;
    align-items: center;
    padding-right: 10rpx;
    image {
      width: 46rpx;
      height: 46rpx;
      display: block;
      margin-right: 12rpx;
    }
    .line {
      width: 1px;
      height: 24rpx;
      background-color: #FFB441;
      border-radius: 1px;
    }
  }
</style>